<!--test.vue-->
<template>
  <div class="qk-video">
    <video :src="videoSrc" controls></video>
  </div>
</template>

<script>
	export default {
		name: 'QkVideo', // 这个名字很重要，它就是未来的标签名<qk-text></qk-text>
		props: {
			videoSrc: {
				type: String,
        default: 'https://video19.ifeng.com/video09/2021/01/25/p38526860-102-9987636-094425.mp4?reqtype=tsl&vid=bdcefc3d-cb7b-4443-95a8-c401c40d0973&uid=X1QeiH&from=v_Free&pver=vHTML5Player_v2.0.0&sver=&se=&cat=&ptype=&platform=pc&sourceType=h5&dt=1611884717227&gid=PNdQIXdL0OSr&sign=5711bf23ff074cb4903bf5fad436f47e&tm=1611884717227&vkey=1spCcpmA2V1MUUemnZ6J9%2FjLnQamEB5pP%2B2Shc8owpCZrf7q%2BjkAZi8AcDJDIl59PmeSFtvIRg4cmoTrtLIwqgArDpe2eN0rYwyBcHtSEQkNKavBZTAYHm8rTy5cggb8fiviqfcOUlTfhdCHXujFdrDWdB%2FcOe0XnuvAGbaOkDXlPYYN9r3JPN0Cnz6oLwskMA6sL4V8Wr6AdflhO8gwycnvBuJNaHKRW9nUHTXtX2uUieZGGzGL2qKGnE4E9YF7pAATZS1x2%2FXIAaJ6RZszLmKKth3vjZ7eZu6JI3xuVFw%3D'
      }
		}
	}
</script>

<style lang="scss" scoped>
  .qk-video{
    width: 100%;
    height: 100%;
  }
  video{
    display: block;
    width: 100%;
    height: 100%;
  }
</style>
